<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>Bootstrap 101 Template</title>
    <link href="../../bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <style type="text/css">
        section {
            margin: 10px;
            outline: 1px solid red;
            padding: 10px;
        }
    </style>

</head>
<body>

<section id="nav">
    <nav>
        <ul class="nav">
            <li><a href="#">首页</a></li>
            <li><a href="#">咨询</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">我们</a></li>
        </ul>
    </nav>
</section>

<section id="nav-tabs">
    <nav>
        <ul class="nav nav-tabs">
            <li><a href="#">首页</a></li>
            <li><a href="#">咨询</a></li>
            <li><a href="#">关于</a></li>
            <li><a href="#">我们</a></li>
        </ul>
    </nav>
</section>

<section id="nav-pills">
    <nav>
        <ul class="nav nav-pills">
            <li><a href="">首页</a></li>
            <li><a href="">咨询</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">我们</a></li>
        </ul>
    </nav>
</section>

<section id="nav-stacked">
    <nav>
        <ul class="nav nav-pills nav-stacked">
            <li><a href="">首页</a></li>
            <li><a href="">咨询</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">我们</a></li>
        </ul>
    </nav>
</section>

<section id="breadcrumb">
    <nav>
        <ul class="breadcrumb">
            <li><a href="#">首页</a></li>
            <li><a href="#">产品列表</a></li>
            <li><a href="#">2020</a></li>
            <li class="active">羊绒大衣</li>
        </ul>
    </nav>
</section>

<section id="disabled">
    <nav>
        <ul class="nav">
            <li><a href="">首页</a></li>
            <li class="disabled"><a href="javascript:">咨询</a></li>
            <li><a href="">关于</a></li>
            <li><a href="">我们</a></li>
        </ul>
    </nav>
</section>

<section id="li-dropdown">
    <nav>
        <ul class="nav nav-tabs">
            <li><a href="">首页</a></li>
            <li><a href="">咨询</a></li>
            <li><a href="">关于</a></li>
            <li class="dropup">
                <a href="javascript:" data-toggle="dropdown">
                    <span>我们</span>
                    <span class="caret"></span>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="">我们001</a></li>
                    <li><a href="">我们002</a></li>
                    <li><a href="">我们003</a></li>
                </ul>
            </li>
        </ul>
    </nav>
</section>

<script src="../../jquery/jquery-3.2.1.min.js"></script>
<script src="../../bootstrap/js/bootstrap.min.js"></script>
</body>
</html>